<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>书城首页</title>

    <%-- 静态包含 base标签、css样式、jQuery文件 --%>
    <%@ include file="/pages/common/head.jsp"%>


</head>
<body>

<div id="header">
    <img class="logo_img" alt="" src="static/img/1.gif" >
    <span class="wel_word">网上书城</span>
    <div>
        <C:if test="${empty sessionScope.username}">
            <a href="pages/user/login.jsp">登录</a> |
            <a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
        </C:if>
        <C:if test="${! empty sessionScope.username}">
            <a href="userServlet?action=logout">注销登录</a>
        </C:if>
        <a href="cartServlet?action=page">购物车</a>
        <a href="pages/manager/manager.jsp">后台管理</a>
    </div>
</div>

<div id="main">
    <div id="book">
        <div class="book_cond">
            <form action="client/bookServlet" method="get">
                <input type="hidden" name="action" value="pageByPrice">
                价格：<input id="min" type="text" name="min" value=""> 元 -
                <input id="max" type="text" name="max" value=""> 元
                <input type="submit" value="查询" />
            </form>
        </div>
        <div style="text-align: center">

<%--            <c:if test="${empty sessionScope.cart.items}">--%>
<%--                &lt;%&ndash;购物车为空的输出&ndash;%&gt;--%>
<%--                <span> </span>--%>
<%--                <div>--%>
<%--                    <span style="color: red">当前购物车为空</span>--%>
<%--                </div>--%>
<%--            </c:if>--%>
<%--            <c:if test="${not empty sessionScope.cart.items}">--%>
<%--                &lt;%&ndash;购物车非空的输出&ndash;%&gt;--%>
<%--                <span>您的购物车中有 ${sessionScope.cart.totalCount} 件商品</span>--%>
<%--                <div>--%>
<%--                    您刚刚将<span style="color: red">${sessionScope.lastName}</span>加入到了购物车中--%>
<%--                </div>--%>
<%--            </c:if>--%>

        </div>
        <C:forEach items="${requestScope.page.items}" var="book">
            <div class="b_list">
                <div class="img_div">
                    <img class="book_img" alt="" src="static/img/1.jpg" />
                </div>
                <div class="book_info">
                    <div class="book_name">
                        <span class="sp1">书名:</span>
                        <span id="" class="sp2">${book.name}</span>
                    </div>
                    <div class="book_author">
                        <span class="sp1">作者:</span>
                        <span class="sp2">${book.author}</span>
                    </div>
                    <div class="book_price">
                        <span class="sp1">价格:</span>
                        <span class="sp2">${book.price}￥</span>
                    </div>
                    <div class="book_sales">
                        <span class="sp1">销量:</span>
                        <span class="sp2">${book.sales}</span>
                    </div>
                    <div class="book_amount">
                        <span class="sp1">库存:</span>
                        <span class="sp2">${book.stock}</span>
                    </div>
                    <div class="book_add">
                        <button bookId="${book.id}" class="addToCart">加入购物车</button>
                    </div>
                </div>
            </div>
        </C:forEach>


    </div>

    <%--静态导入分页条--%>
    <%@include file="/pages/common/page_nav.jsp"%>

</div>

<%--静态包含页脚内容--%>
<%@include file="/pages/common/footer.jsp"%>
<script type="text/javascript">
    $(function () {
        $("button.addToCart").click(function () {
            var bookId = $(this).attr("bookId");
            location.href ="http://localhost:8080/book/cartServlet?action=addItem&id="+bookId;
        })
    })
</script>
</body>
</html>